<!DOCTYPE html>
<html lang="en">
<head>
    <title>新闻公告</title>
    <link href="../css/bootstrap.css" rel='stylesheet' type='text/css' />
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <!-- Custom Theme files -->
    <link href="../css/style.css" rel="stylesheet" type="text/css" media="all" />
    <script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
    <!-- Custom Theme files -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Studeon Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!--webfont-->
    <link href='#css?family=Oswald:400,700,300|Open+Sans:300italic,400italic,600italic,400,300,600,700' rel='stylesheet' type='text/css'>
    <!--//webfont-->
    <!--Animation-->
    <script src="../js/wow.min.js"></script>
    <link href="../css/animate.css" rel='stylesheet' type='text/css' />
    <script>
        new WOW().init();
    </script>
</head>
<body>
<!--导航栏-->
<div class="header box css3-shadow" id="head">
    <div class="container">
        <div class="header-top">
            <div class="logo wow bounceInLeft" data-wow-delay="0.4s">
                <a href="index.html"><img src="../images/东北林业大学logo.jpeg" width="50" height="50" alt=""/></a>
            </div>
            <div class="h_menu4"><!-- start h_menu4 -->
                <a class="toggleMenu" href="#">Menu</a>
                <ul class="nav">
                    <!--                    <li class="active"><a class="scroll" href="index.html">首页</a></li>-->
                    <li class="active"><a href="index.html">首页</a></li>
                    <!--                    <li><a href="index.html" class="scroll">专业介绍</a></li>-->
                    <li><a href="index.html">专业介绍</a></li>
                    <li><a href="contact.html">实验室</a>
                        <ul>
                            <li><a href="contact.html">实验室1</a></li>
                            <li><a href="experiment2.html">实验室2</a></li>
                        </ul>
                    </li>
                    <li><a href="portfolio.html">教师队伍</a>
                        <!--                        <ul>-->
                        <!--                            <li><a href="feature.html">教授</a></li>-->
                        <!--                            <li><a href="feature.html">副教授</a></li>-->
                        <!--                            <li><a href="feature.html">讲师</a></li>-->
                        <!--                        </ul>-->
                    </li>
                    <!--                    <li><a href="index.html" class="scroll">就业指南</a></li>-->
                    <li><a href="index.html">就业指南</a></li>
                    <li><a href="feature.html">新闻公告</a></li>
                </ul>
                <script type="text/javascript" src="../js/nav.js"></script>
            </div><!-- end h_menu4 -->
            <!--        <div class="social_icons wow bounceInRight" data-wow-delay="0.4s">-->
            <!--            <ul>-->
            <!--                <li><a href="#"><i class="facebook"></i></a></li>-->
            <!--                <li><a href="#"><i class="twitter"></i></a></li>-->
            <!--                <li><a href="#"><i class="rss"></i></a></li>-->
            <!--                <li><a href="#"><i class="viemo"></i></a></li>-->
            <!--                <li><a href="#"><i class="youtube"></i></a></li>-->
            <!--                <li><a href="#"><i class="linkedin"></i></a></li>-->
            <!--            </ul>-->
            <!--        </div>-->

            <div class="clearfix"> </div>

        </div><!-- end header_main4 -->
    </div>
</div>
<!--轮播但不轮播-->
<div class="slider-bg">
    <div class="container">
        <div class="grid-1">
            <div class="col-md-5 left-grid-1 wow bounceInLeft" data-wow-delay="0.4s">
                <h1>新闻公告</h1>
            </div>
            <div class="col-md-7 right-grid-1 wow bounceInRight" data-wow-delay="0.7s">
                <div class="slider">
                    <div class="callbacks_container">
                        <!--                        <ul class="rslides" id="slider">-->
                        <!--                            <li>-->
                        <!--                                <img src="../images/轮播图片1.jpeg" class="img-responsive" alt="" />-->
                        <!--                            </li>-->
                        <!--                            <li>-->
                        <!--                                <img src="../images/轮播图片2.jpeg" class="img-responsive" alt="" />-->
                        <!--                            </li>-->
                        <!--                            <li>-->
                        <!--                                <img src="../images/轮播图片3.jpeg" class="img-responsive" alt="" />-->
                        <!--                            </li>-->
                        <!--                            &lt;!&ndash;                            <li>&ndash;&gt;-->
                        <!--                            &lt;!&ndash;                                <img src="images/slide1.png" class="img-responsive" alt="" />&ndash;&gt;-->
                        <!--                            &lt;!&ndash;                            </li>&ndash;&gt;-->
                        <!--                        </ul>-->
                        <img src="../images/轮播图片2.jpeg" width="100%" height="100%" alt="">
                    </div>
                </div>
            </div>
            <!--            </script><script src="../js/responsiveslides.min.js"></script>-->
            <!--            <script>-->
            <!--                $(function () {-->
            <!--                    $("#slider").responsiveSlides({-->
            <!--                        auto: true,-->
            <!--                        nav: true,-->
            <!--                        speed: 500,-->
            <!--                        namespace: "callbacks",-->
            <!--                        pager: true,-->
            <!--                    });-->
            <!--                });-->
            <!--            </script>-->

        </div>
        <div class="clearfix"> </div>
    </div>
</div>
<!--start-features-->
<div class="some">
    <!--    <h3>Say Thanks For Awesome Features</h3>-->
    <div class="container">
        <div class="serve-grids">
            <div class="col-md-4 services-section-grid wow bounceIn" data-wow-delay="0.4s">
                <a href="single.html">
                    <div class="services-section-grid-head">
                        <div class="service-icon">
                            <i class="rocket"></i>
                        </div>
                        <div class="service-icon-heading">
                            <h4>新闻1</h4>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </a>
            </div>
            <div class="col-md-4 services-section-grid wow bounceIn" data-wow-delay="0.4s">
                <a href="single.html">
                    <div class="services-section-grid-head">
                        <div class="service-icon">
                            <i class="plan"></i>
                        </div>
                        <div class="service-icon-heading">
                            <h4>新闻2</h4>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </a>
            </div>
            <div class="col-md-4 services-section-grid lost wow bounceIn" data-wow-delay="0.4s">
                <a href="single.html">
                    <div class="services-section-grid-head">
                        <div class="service-icon">
                            <i class="book"></i>
                        </div>
                        <div class="service-icon-heading">
                            <h4>新闻3</h4>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </a>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="serve-grids two">
            <div class="col-md-4 services-section-grid act wow bounceIn" data-wow-delay="0.4s">
                <a href="single.html">
                    <div class="services-section-grid-head">
                        <div class="service-icon">
                            <i class="arrow"></i>
                        </div>
                        <div class="service-icon-heading">
                            <h4>新闻4</h4>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </a>
            </div>
            <div class="col-md-4 services-section-grid wow bounceIn" data-wow-delay="0.4s">
                <a href="single.html">
                    <div class="services-section-grid-head">
                        <div class="service-icon">
                            <i class="download"></i>
                        </div>
                        <div class="service-icon-heading">
                            <h4>新闻5</h4>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </a>
            </div>
            <div class="col-md-4 services-section-grid lost wow bounceIn" data-wow-delay="0.4s">
                <a href="single.html">
                    <div class="services-section-grid-head">
                        <div class="service-icon">
                            <i class="cloud"></i>
                        </div>
                        <div class="service-icon-heading">
                            <h4>新闻6</h4>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </a>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
    <div class=" col-md-4 col-md-offset-4">
        <ul class="pagination">
            <li class="page-item"><a class="page-link" href="new2.html">Previous</a></li>
            <li class="page-item"><a class="page-link" href="feature.html">1</a></li>
            <li class="page-item"><a class="page-link" href="new2.html">2</a></li>
            <li class="page-item active"><a class="page-link" href="new3.html">3</a></li>
            <li class="page-item"><a class="page-link" href="new4.html">4</a></li>
            <li class="page-item"><a class="page-link" href="new5.html">5</a></li>
            <li class="page-item"><a class="page-link" href="new6.html">6</a></li>
            <li class="page-item"><a class="page-link" href="new7.html">7</a></li>
            <li class="page-item"><a class="page-link" href="new4.html">Next</a></li>
        </ul>
    </div>
</div>
<hr>
<hr>
<hr>
<!--<div class="features-section text-center">-->
<!--    <div class="container">-->
<!--        <div class="Awesome-features">-->
<!--            <h3>So Many Features</h3>-->
<!--            <div class="awesome-grids">-->
<!--                <div class="col-md-4 awesome-grid wow bounceIn" data-wow-delay="0.4s">-->
<!--                    <i class="eye"></i>-->
<!--                    <h4>Beautiful design</h4>-->
<!--                    <p>Nullam vitae sollicitudineros. Cras varius vehicula velit, ac congue quam dictum sed</p>-->
<!--                </div>-->
<!--                <div class="col-md-4 flat-phone text-center span_66 wow bounceIn" data-wow-delay="0.4s">-->
<!--                    <img src="images/flat-phone.jpg" alt="" />-->
<!--                </div>-->

<!--                <div class="col-md-4 awesome-grid wow bounceIn" data-wow-delay="0.4s">-->
<!--                    <i class="load"></i>-->
<!--                    <h4>Auto Reloading</h4>-->
<!--                    <p>Nullam vitae sollicitudineros. Cras varius vehicula velit, ac congue quam dictum sed</p>-->
<!--                </div>-->
<!--                <div class="clearfix"></div>-->
<!--            </div>-->
<!--            <div class="awesome-grids second">-->
<!--                <div class="col-md-4 awesome-grid wow bounceIn" data-wow-delay="0.4s">-->
<!--                    <i class="msg"></i>-->
<!--                    <h4>Responsive Layout</h4>-->
<!--                    <p>Nullam vitae sollicitudineros. Cras varius vehicula velit, ac congue quam dictum sed</p>-->

<!--                </div>-->
<!--                <div class="col-md-4 awesome-grid wow bounceIn" data-wow-delay="0.4s">-->
<!--                    <i class="flag"></i>-->
<!--                    <h4>Easy to Customize</h4>-->
<!--                    <p>Nullam vitae sollicitudineros. Cras varius vehicula velit, ac congue quam dictum sed</p>-->

<!--                </div>-->
<!--                <div class="col-md-4 awesome-grid wow bounceIn" data-wow-delay="0.4s">-->
<!--                    <i class="ok"></i>-->
<!--                    <h4>Help & Support</h4>-->
<!--                    <p>Nullam vitae sollicitudineros. Cras varius vehicula velit, ac congue quam dictum sed</p>-->

<!--                </div>-->
<!--                <div class="clearfix"></div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
<!--/start-footer-section-->
<!--页脚-->
<div class="footer-section">
    <div class="container">
        <div class="footer-grids wow bounceIn animated" data-wow-delay="0.4s">
            <div class="col-md-4 footer-grid">
                <h4>版权所有</h4>
                <div class="border2"></div>
                <p>东北林业大学信息与计算机工程学院软件工程专业</p>
                <!--                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</p>-->
                <!--                <p class="sub">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</p>-->
            </div>
            <div class="col-md-4 footer-grid tags">
                <h4>提出建议</h4>
                <div class="border2"></div>
                <a href="#" style="color: white; text-decoration: none"><p>提出建议</p></a>
                <!--                <ul class="tag">-->
                <!--                    <li><a href="#">Awesome</a></li>-->
                <!--                    <li><a href="#">Strategy</a></li>-->
                <!--                    <li><a href="#">Photography</a></li>-->
                <!--                    <li><a href="#">Development</a></li>-->
                <!--                    <li><a href="#">Css</a></li>-->
                <!--                    <li><a href="#">photoshop</a></li>-->
                <!--                    <li><a href="#">Html</a></li>-->
                <!--                    <li><a href="#">Awesome</a></li>-->
                <!--                    <li><a href="#">Strategy</a></li>-->
                <!--                    <li><a href="#">Photoshop</a></li>-->
                <!--                    <li><a href="#">Html</a></li>-->
                <!--                </ul>-->
            </div>
            <div class="col-md-4 footer-grid tweet">
                <h4>联系方式</h4>
                <div class="border2"></div>
                <p>电话：11111111111</p>
                <p>qq: 2222222222</p>
                <p>邮箱：3333333333@xx.com</p>
                <!--                <div class="icon-3-square">-->
                <!--                    <a href="#"><i class="square-3"></i></a>-->
                <!--                </div>-->
                <!--                <div class="icon-text">-->
                <!--                    <p>I like this awesome freebie. Check it out<a href="#"> @http://t.co/9vslJFpW </a></p>-->
                <!--                    <h5>About 15 mins</h5>-->
                <!--                </div>-->
                <!--                <div class="clearfix"></div>-->
                <!--                <div class="icon-3-square">-->
                <!--                    <a href="#"><i class="square-3"></i></a>-->
                <!--                </div>-->
                <!--                <div class="icon-text">-->
                <!--                    <p>I like this awesome freebie. Check it out<a href="#"> @http://t.co/9vslJFpW </a></p>-->
                <!--                    <h5>About 15 mins</h5>-->
                <!--                </div>-->
                <!--                <div class="clearfix"></div>-->
            </div>
            <!--            <div class="col-md-3 footer-grid flickr">-->
            <!--                <h4>flickr feed</h4>-->
            <!--                <div class="border2"></div>-->
            <!--                <div class="flickr-grids">-->
            <!--                    <div class="flickr-grid">-->
            <!--                        <a href="#"><img src="../images/f1.png" alt=" " title="CEO" /></a>-->
            <!--                    </div>-->
            <!--                    <div class="flickr-grid">-->
            <!--                        <a href="#"><img src="../images/f2.png" alt=" " title="GM" /></a>-->
            <!--                    </div>-->
            <!--                    <div class="flickr-grid">-->
            <!--                        <a href="#"><img src="../images/f3.png" alt=" " title="CEO" /></a>-->
            <!--                    </div>-->
            <!--                    <div class="clearfix"> </div>-->

            <!--                    <div class="flickr-grid">-->
            <!--                        <a href="#"><img src="../images/f4.png" alt=" " title="GM" /></a>-->
            <!--                    </div>-->
            <!--                    <div class="flickr-grid">-->
            <!--                        <a href="#"><img src="../images/f3.png" alt=" " title="CEO" /></a>-->
            <!--                    </div>-->
            <!--                    <div class="flickr-grid">-->
            <!--                        <a href="#"><img src="../images/f2.png" alt=" " title="GM" /></a>-->
            <!--                    </div>-->
            <!--                    <div class="clearfix"> </div>-->
            <!--                </div>-->
            <!--            </div>-->
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!--<div class="footer-section">-->
<!--    <div class="container">-->
<!--        <div class="footer-grids wow bounceIn animated" data-wow-delay="0.4s">-->
<!--            <div class="col-md-3 footer-grid">-->
<!--                <h4>About studeon</h4>-->
<!--                <div class="border2"></div>-->
<!--                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</p>-->
<!--                <p class="sub">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</p>-->
<!--            </div>-->
<!--            <div class="col-md-3 footer-grid tags">-->
<!--                <h4>the tags</h4>-->
<!--                <div class="border2"></div>-->
<!--                <ul class="tag">-->
<!--                    <li><a href="#">Awesome</a></li>-->
<!--                    <li><a href="#">Strategy</a></li>-->
<!--                    <li><a href="#">Photography</a></li>-->
<!--                    <li><a href="#">Development</a></li>-->
<!--                    <li><a href="#">Css</a></li>-->
<!--                    <li><a href="#">photoshop</a></li>-->
<!--                    <li><a href="#">Html</a></li>-->
<!--                    <li><a href="#">Awesome</a></li>-->
<!--                    <li><a href="#">Strategy</a></li>-->
<!--                    <li><a href="#">Photoshop</a></li>-->
<!--                    <li><a href="#">Html</a></li>-->
<!--                </ul>-->
<!--            </div>-->
<!--            <div class="col-md-3 footer-grid tweet">-->
<!--                <h4>latest tweets</h4>-->
<!--                <div class="border2"></div>-->
<!--                <div class="icon-3-square">-->
<!--                    <a href="#"><i class="square-3"></i></a>-->
<!--                </div>-->
<!--                <div class="icon-text">-->
<!--                    <p>I like this awesome freebie. Check it out<a href="#"> @http://t.co/9vslJFpW </a></p>-->
<!--                    <h5>About 15 mins</h5>-->
<!--                </div>-->
<!--                <div class="clearfix"></div>-->
<!--                <div class="icon-3-square">-->
<!--                    <a href="#"><i class="square-3"></i></a>-->
<!--                </div>-->
<!--                <div class="icon-text">-->
<!--                    <p>I like this awesome freebie. Check it out<a href="#"> @http://t.co/9vslJFpW </a></p>-->
<!--                    <h5>About 15 mins</h5>-->
<!--                </div>-->
<!--                <div class="clearfix"></div>-->
<!--            </div>-->
<!--            <div class="col-md-3 footer-grid flickr">-->
<!--                <h4>flickr feed</h4>-->
<!--                <div class="border2"></div>-->
<!--                <div class="flickr-grids">-->
<!--                    <div class="flickr-grid">-->
<!--                        <a href="#"><img src="images/f1.png" alt=" " title="CEO" /></a>-->
<!--                    </div>-->
<!--                    <div class="flickr-grid">-->
<!--                        <a href="#"><img src="images/f2.png" alt=" " title="GM" /></a>-->
<!--                    </div>-->
<!--                    <div class="flickr-grid">-->
<!--                        <a href="#"><img src="images/f3.png" alt=" " title="CEO" /></a>-->
<!--                    </div>-->
<!--                    <div class="clearfix"> </div>-->

<!--                    <div class="flickr-grid">-->
<!--                        <a href="#"><img src="images/f4.png" alt=" " title="GM" /></a>-->
<!--                    </div>-->
<!--                    <div class="flickr-grid">-->
<!--                        <a href="#"><img src="images/f3.png" alt=" " title="CEO" /></a>-->
<!--                    </div>-->
<!--                    <div class="flickr-grid">-->
<!--                        <a href="#"><img src="images/f2.png" alt=" " title="GM" /></a>-->
<!--                    </div>-->
<!--                    <div class="clearfix"> </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="clearfix"></div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
<!--//end-footer-section-->
<!--/start-copyright-section-->
<!--<div class="copyright">-->
<!--    <div class="container">-->
<!--        <div class="logo2  wow bounceInLeft" data-wow-delay="0.4s"><a href="index.html"><img src="images/logo2.png" alt="" title="logo" /></a></div>-->
<!--        <p class="write  wow bounceInRight" data-wow-delay="0.4s">Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://lidaojia.tmall.com/">力到家旗舰店</a><a target="_blank" href="http://lidaojia.tmall.com">网页模板</a></p>-->
<!--    </div>-->
<!--    <div class="clearfix"></div>-->
<!--</div>-->

<!--//end-copyright-section-->
<!--start-smoth-scrolling-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function($) {
        $(".scroll").click(function(event){
            event.preventDefault();
            $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
        });
    });
</script>
<!--start-smoth-scrolling-->
<script type="text/javascript">
    $(document).ready(function() {
        /*
        var defaults = {
              containerID: 'toTop', // fading element id
            containerHoverID: 'toTopHover', // fading element hover id
            scrollSpeed: 1200,
            easingType: 'linear'
         };
        */

        $().UItoTop({ easingType: 'easeOutQuart' });

    });
</script>
<a href="#head" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>



</body>
</html>